#afcfb0
RGB
赤 | 175 |
---|---|
緑 | 207 |
青 | 176 |
HSL
色相 | 122° |
---|---|
彩度 | 25% |
明度 | 75% |
輝度 | 76% |
3桁の色
補色
反転色
RGB ( 赤 = 175, 緑 = 207, 青 = 176 )
HSL ( 色相 = 122°, 彩度 = 25%, 明度 = 75% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cfb0af : -120
12 : #cfb6af : -110
22 : #cfbbaf : -100
32 : #cfc0af : -90
42 : #cfc6af : -80
52 : #cfcbaf : -70
62 : #cecfaf : -60
72 : #c9cfaf : -50
82 : #c4cfaf : -40
92 : #becfaf : -30
102 : #b9cfaf : -20
112 : #b4cfaf : -10
122 : #afcfb0 : ±0
132 : #afcfb6 : +10
142 : #afcfbb : +20
152 : #afcfc0 : +30
162 : #afcfc6 : +40
172 : #afcfcb : +50
182 : #afcecf : +60
192 : #afc9cf : +70
202 : #afc4cf : +80
212 : #afbecf : +90
222 : #afb9cf : +100
232 : #afb4cf : +110
242 : #b0afcf : +120
252 : #b6afcf : +130
262 : #bbafcf : +140
272 : #c0afcf : +150
282 : #c6afcf : +160
292 : #cbafcf : +170
302 : #cfafce : +180
312 : #cfafc9 : +190
322 : #cfafc4 : +200
332 : #cfafbe : +210
342 : #cfafb9 : +220
352 : #cfafb4 : +230
112 : #b4cfaf : -10
113 : #b3cfaf : -9
114 : #b3cfaf : -8
115 : #b2cfaf : -7
116 : #b1cfaf : -6
117 : #b1cfaf : -5
118 : #b0cfaf : -4
119 : #b0cfaf : -3
120 : #afcfaf : -2
121 : #afcfb0 : -1
122 : #afcfb0 : ±0
123 : #afcfb1 : +1
124 : #afcfb1 : +2
125 : #afcfb2 : +3
126 : #afcfb3 : +4
127 : #afcfb3 : +5
128 : #afcfb4 : +6
129 : #afcfb4 : +7
130 : #afcfb5 : +8
131 : #afcfb5 : +9
132 : #afcfb6 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #bfc0bf : -24
3 : #bdc1bd : -22
5 : #bcc2bc : -20
7 : #bbc4bb : -18
9 : #bac5ba : -16
11 : #b8c6b9 : -14
13 : #b7c8b8 : -12
15 : #b6c9b6 : -10
17 : #b4cab5 : -8
19 : #b3cbb4 : -6
21 : #b2cdb3 : -4
23 : #b1ceb2 : -2
25 : #afcfb0 : ±0
27 : #aed0af : +2
29 : #add2ae : +4
31 : #abd3ad : +6
33 : #aad4ac : +8
35 : #a9d6aa : +10
37 : #a8d7a9 : +12
39 : #a6d8a8 : +14
41 : #a5d9a7 : +16
43 : #a4dba6 : +18
45 : #a3dca4 : +20
47 : #a1dda3 : +22
49 : #a0dea2 : +24
51 : #9fe0a1 : +26
53 : #9de1a0 : +28
55 : #9ce29f : +30
57 : #9be49d : +32
59 : #9ae59c : +34
61 : #98e69b : +36
63 : #97e79a : +38
65 : #96e999 : +40
67 : #95ea97 : +42
69 : #93eb96 : +44
71 : #92ed95 : +46
73 : #91ee94 : +48
75 : #8fef93 : +50
77 : #8ef091 : +52
79 : #8df290 : +54
81 : #8cf38f : +56
83 : #8af48e : +58
85 : #89f58d : +60
87 : #88f78b : +62
89 : #87f88a : +64
91 : #85f989 : +66
93 : #84fb88 : +68
95 : #83fc87 : +70
97 : #81fd86 : +72
99 : #80fe84 : +74
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -74
3 : #060a06 : -72
5 : #0a100a : -70
7 : #0d160e : -68
9 : #111d12 : -66
11 : #152316 : -64
13 : #192919 : -62
15 : #1d301d : -60
17 : #213621 : -58
19 : #243d25 : -56
21 : #284329 : -54
23 : #2c492d : -52
25 : #305031 : -50
27 : #345635 : -48
29 : #375c39 : -46
31 : #3b633d : -44
33 : #3f6941 : -42
35 : #437044 : -40
37 : #477648 : -38
39 : #4b7c4c : -36
41 : #4e8350 : -34
43 : #528954 : -32
45 : #568f58 : -30
47 : #5a965c : -28
49 : #5e9c60 : -26
51 : #63a165 : -24
53 : #69a56b : -22
55 : #70a971 : -20
57 : #76ad78 : -18
59 : #7cb17e : -16
61 : #83b484 : -14
63 : #89b88b : -12
65 : #8fbc91 : -10
67 : #96c097 : -8
69 : #9cc49e : -6
71 : #a3c8a4 : -4
73 : #a9cbaa : -2
75 : #afcfb0 : ±0
77 : #b6d3b7 : +2
79 : #bcd7bd : +4
81 : #c2dbc3 : +6
83 : #c9deca : +8
85 : #cfe2d0 : +10
87 : #d6e6d6 : +12
89 : #dceadc : +14
91 : #e2eee3 : +16
93 : #e9f2e9 : +18
95 : #eff5ef : +20
97 : #f5f9f6 : +22
99 : #fcfdfc : +24
CSS入門、作ってます。
text-shadow