#cb9ac1
RGB
赤 | 203 |
---|---|
緑 | 154 |
青 | 193 |
HSL
色相 | 312° |
---|---|
彩度 | 32% |
明度 | 70% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 203, 緑 = 154, 青 = 193 )
HSL ( 色相 = 312°, 彩度 = 32%, 明度 = 70% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cb9c9a : -310
12 : #cba49a : -300
22 : #cbac9a : -290
32 : #cbb49a : -280
42 : #cbbc9a : -270
52 : #cbc49a : -260
62 : #c9cb9a : -250
72 : #c1cb9a : -240
82 : #b9cb9a : -230
92 : #b1cb9a : -220
102 : #a9cb9a : -210
112 : #a1cb9a : -200
122 : #9acb9c : -190
132 : #9acba4 : -180
142 : #9acbac : -170
152 : #9acbb4 : -160
162 : #9acbbc : -150
172 : #9acbc4 : -140
182 : #9ac9cb : -130
192 : #9ac1cb : -120
202 : #9ab9cb : -110
212 : #9ab1cb : -100
222 : #9aa9cb : -90
232 : #9aa1cb : -80
242 : #9c9acb : -70
252 : #a49acb : -60
262 : #ac9acb : -50
272 : #b49acb : -40
282 : #bc9acb : -30
292 : #c49acb : -20
302 : #cb9ac9 : -10
312 : #cb9ac1 : ±0
322 : #cb9ab9 : +10
332 : #cb9ab1 : +20
342 : #cb9aa9 : +30
352 : #cb9aa1 : +40
302 : #cb9ac9 : -10
303 : #cb9ac9 : -9
304 : #cb9ac8 : -8
305 : #cb9ac7 : -7
306 : #cb9ac6 : -6
307 : #cb9ac5 : -5
308 : #cb9ac4 : -4
309 : #cb9ac4 : -3
310 : #cb9ac3 : -2
311 : #cb9ac2 : -1
312 : #cb9ac1 : ±0
313 : #cb9ac0 : +1
314 : #cb9ac0 : +2
315 : #cb9abf : +3
316 : #cb9abe : +4
317 : #cb9abd : +5
318 : #cb9abc : +6
319 : #cb9abb : +7
320 : #cb9abb : +8
321 : #cb9aba : +9
322 : #cb9ab9 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -32
2 : #b4b1b3 : -30
4 : #b6afb4 : -28
6 : #b7aeb5 : -26
8 : #b9acb6 : -24
10 : #baabb7 : -22
12 : #bca9b8 : -20
14 : #bda8b9 : -18
16 : #bfa6ba : -16
18 : #c0a5bb : -14
20 : #c2a3bc : -12
22 : #c3a2bd : -10
24 : #c5a0be : -8
26 : #c69fbe : -6
28 : #c89dbf : -4
30 : #c99cc0 : -2
32 : #cb9ac1 : ±0
34 : #cd98c2 : +2
36 : #ce97c3 : +4
38 : #d095c4 : +6
40 : #d194c5 : +8
42 : #d392c6 : +10
44 : #d491c7 : +12
46 : #d68fc8 : +14
48 : #d78ec9 : +16
50 : #d98cc9 : +18
52 : #da8bca : +20
54 : #dc89cb : +22
56 : #dd88cc : +24
58 : #df86cd : +26
60 : #e085ce : +28
62 : #e283cf : +30
64 : #e382d0 : +32
66 : #e580d1 : +34
68 : #e77ed2 : +36
70 : #e87dd3 : +38
72 : #ea7bd4 : +40
74 : #eb7ad4 : +42
76 : #ed78d5 : +44
78 : #ee77d6 : +46
80 : #f075d7 : +48
82 : #f174d8 : +50
84 : #f372d9 : +52
86 : #f471da : +54
88 : #f66fdb : +56
90 : #f76edc : +58
92 : #f96cdd : +60
94 : #fa6bde : +62
96 : #fc69df : +64
98 : #fd68df : +66
100 : #ff66e0 : +68
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #070306 : -68
4 : #0d070c : -66
6 : #140a12 : -64
8 : #1b0e18 : -62
10 : #22111e : -60
12 : #281524 : -58
14 : #2f182b : -56
16 : #361c31 : -54
18 : #3d1f37 : -52
20 : #43233d : -50
22 : #4a2643 : -48
24 : #512a49 : -46
26 : #582d4f : -44
28 : #5e3155 : -42
30 : #65345b : -40
32 : #6c3761 : -38
34 : #723b67 : -36
36 : #793e6d : -34
38 : #804274 : -32
40 : #87457a : -30
42 : #8d4980 : -28
44 : #944c86 : -26
46 : #9b508c : -24
48 : #a25392 : -22
50 : #a85798 : -20
52 : #ac5d9c : -18
54 : #af64a0 : -16
56 : #b36ba4 : -14
58 : #b672a8 : -12
60 : #ba78ad : -10
62 : #bd7fb1 : -8
64 : #c186b5 : -6
66 : #c48db9 : -4
68 : #c893bd : -2
70 : #cb9ac1 : ±0
72 : #cea1c5 : +2
74 : #d2a7c9 : +4
76 : #d5aece : +6
78 : #d9b5d2 : +8
80 : #dcbcd6 : +10
82 : #e0c2da : +12
84 : #e3c9de : +14
86 : #e7d0e2 : +16
88 : #ead7e6 : +18
90 : #eeddea : +20
92 : #f1e4ef : +22
94 : #f5ebf3 : +24
96 : #f8f2f7 : +26
98 : #fcf8fb : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow