#d5cf90
RGB
赤 | 213 |
---|---|
緑 | 207 |
青 | 144 |
HSL
色相 | 55° |
---|---|
彩度 | 45% |
明度 | 70% |
輝度 | 79% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 213, 緑 = 207, 青 = 144 )
HSL ( 色相 = 55°, 彩度 = 45%, 明度 = 70% )
H : 色相 ( 55° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #d59690 : -50
15 : #d5a190 : -40
25 : #d5ad90 : -30
35 : #d5b890 : -20
45 : #d5c490 : -10
55 : #d5cf90 : ±0
65 : #cfd590 : +10
75 : #c4d590 : +20
85 : #b8d590 : +30
95 : #add590 : +40
105 : #a1d590 : +50
115 : #96d590 : +60
125 : #90d596 : +70
135 : #90d5a1 : +80
145 : #90d5ad : +90
155 : #90d5b8 : +100
165 : #90d5c4 : +110
175 : #90d5cf : +120
185 : #90cfd5 : +130
195 : #90c4d5 : +140
205 : #90b8d5 : +150
215 : #90add5 : +160
225 : #90a1d5 : +170
235 : #9096d5 : +180
245 : #9690d5 : +190
255 : #a190d5 : +200
265 : #ad90d5 : +210
275 : #b890d5 : +220
285 : #c490d5 : +230
295 : #cf90d5 : +240
305 : #d590cf : +250
315 : #d590c4 : +260
325 : #d590b8 : +270
335 : #d590ad : +280
345 : #d590a1 : +290
355 : #d59096 : +300
45 : #d5c490 : -10
46 : #d5c590 : -9
47 : #d5c690 : -8
48 : #d5c790 : -7
49 : #d5c890 : -6
50 : #d5c990 : -5
51 : #d5cb90 : -4
52 : #d5cc90 : -3
53 : #d5cd90 : -2
54 : #d5ce90 : -1
55 : #d5cf90 : ±0
56 : #d5d090 : +1
57 : #d5d190 : +2
58 : #d5d390 : +3
59 : #d5d490 : +4
60 : #d5d590 : +5
61 : #d4d590 : +6
62 : #d3d590 : +7
63 : #d1d590 : +8
64 : #d0d590 : +9
65 : #cfd590 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b3b3b2 : -44
3 : #b5b4b0 : -42
5 : #b6b6af : -40
7 : #b8b7ad : -38
9 : #b9b8ac : -36
11 : #bbbaaa : -34
13 : #bcbba9 : -32
15 : #bebca7 : -30
17 : #c0bda5 : -28
19 : #c1bfa4 : -26
21 : #c3c0a2 : -24
23 : #c4c1a1 : -22
25 : #c6c29f : -20
27 : #c7c49e : -18
29 : #c9c59c : -16
31 : #cac69b : -14
33 : #ccc899 : -12
35 : #cdc998 : -10
37 : #cfca96 : -8
39 : #d0cb95 : -6
41 : #d2cd93 : -4
43 : #d3ce92 : -2
45 : #d5cf90 : ±0
47 : #d6d08f : +2
49 : #d8d28d : +4
51 : #dad38b : +6
53 : #dbd48a : +8
55 : #ddd688 : +10
57 : #ded787 : +12
59 : #e0d885 : +14
61 : #e1d984 : +16
63 : #e3db82 : +18
65 : #e4dc81 : +20
67 : #e6dd7f : +22
69 : #e7de7e : +24
71 : #e9e07c : +26
73 : #eae17b : +28
75 : #ece279 : +30
77 : #ede478 : +32
79 : #efe576 : +34
81 : #f0e675 : +36
83 : #f2e773 : +38
85 : #f4e971 : +40
87 : #f5ea70 : +42
89 : #f7eb6e : +44
91 : #f8ed6d : +46
93 : #faee6b : +48
95 : #fbef6a : +50
97 : #fdf068 : +52
99 : #fef267 : +54
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #070703 : -68
4 : #0f0e06 : -66
6 : #161508 : -64
8 : #1e1c0b : -62
10 : #25230e : -60
12 : #2c2a11 : -58
14 : #343114 : -56
16 : #3b3816 : -54
18 : #433f19 : -52
20 : #4a461c : -50
22 : #514d1f : -48
24 : #595422 : -46
26 : #605b24 : -44
28 : #686227 : -42
30 : #6f692a : -40
32 : #76702d : -38
34 : #7e7730 : -36
36 : #857e32 : -34
38 : #8d8535 : -32
40 : #948c38 : -30
42 : #9b933b : -28
44 : #a39a3e : -26
46 : #aaa141 : -24
48 : #b1a843 : -22
50 : #b9af46 : -20
52 : #bcb34e : -18
54 : #beb655 : -16
56 : #c1b95c : -14
58 : #c4bc64 : -12
60 : #c7bf6b : -10
62 : #cac272 : -8
64 : #cdc67a : -6
66 : #cfc981 : -4
68 : #d2cc89 : -2
70 : #d5cf90 : ±0
72 : #d8d297 : +2
74 : #dbd69f : +4
76 : #ddd9a6 : +6
78 : #e0dcae : +8
80 : #e3dfb5 : +10
82 : #e6e2bc : +12
84 : #e9e6c4 : +14
86 : #ebe9cb : +16
88 : #eeecd3 : +18
90 : #f1efda : +20
92 : #f4f2e1 : +22
94 : #f7f5e9 : +24
96 : #f9f9f0 : +26
98 : #fcfcf8 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow