#cf72b6
RGB
赤 | 207 |
---|---|
緑 | 114 |
青 | 182 |
HSL
色相 | 316° |
---|---|
彩度 | 49% |
明度 | 63% |
輝度 | 59% |
3桁の色
補色
反転色
RGB ( 赤 = 207, 緑 = 114, 青 = 182 )
HSL ( 色相 = 316°, 彩度 = 49%, 明度 = 63% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #cf7c72 : -310
16 : #cf8b72 : -300
26 : #cf9a72 : -290
36 : #cfaa72 : -280
46 : #cfb972 : -270
56 : #cfc972 : -260
66 : #c6cf72 : -250
76 : #b6cf72 : -240
86 : #a7cf72 : -230
96 : #97cf72 : -220
106 : #88cf72 : -210
116 : #79cf72 : -200
126 : #72cf7c : -190
136 : #72cf8b : -180
146 : #72cf9a : -170
156 : #72cfaa : -160
166 : #72cfb9 : -150
176 : #72cfc9 : -140
186 : #72c6cf : -130
196 : #72b6cf : -120
206 : #72a7cf : -110
216 : #7297cf : -100
226 : #7288cf : -90
236 : #7279cf : -80
246 : #7c72cf : -70
256 : #8b72cf : -60
266 : #9a72cf : -50
276 : #aa72cf : -40
286 : #b972cf : -30
296 : #c972cf : -20
306 : #cf72c6 : -10
316 : #cf72b6 : ±0
326 : #cf72a7 : +10
336 : #cf7297 : +20
346 : #cf7288 : +30
356 : #cf7279 : +40
306 : #cf72c6 : -10
307 : #cf72c4 : -9
308 : #cf72c3 : -8
309 : #cf72c1 : -7
310 : #cf72bf : -6
311 : #cf72be : -5
312 : #cf72bc : -4
313 : #cf72bb : -3
314 : #cf72b9 : -2
315 : #cf72b8 : -1
316 : #cf72b6 : ±0
317 : #cf72b5 : +1
318 : #cf72b3 : +2
319 : #cf72b2 : +3
320 : #cf72b0 : +4
321 : #cf72af : +5
322 : #cf72ad : +6
323 : #cf72ab : +7
324 : #cf72aa : +8
325 : #cf72a8 : +9
326 : #cf72a7 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a1 : -48
3 : #a39ea2 : -46
5 : #a59ca3 : -44
7 : #a79aa4 : -42
9 : #a998a5 : -40
11 : #ab96a5 : -38
13 : #ad94a6 : -36
15 : #af92a7 : -34
17 : #b191a8 : -32
19 : #b38fa9 : -30
21 : #b48daa : -28
23 : #b68bab : -26
25 : #b889ac : -24
27 : #ba87ad : -22
29 : #bc85ad : -20
31 : #be83ae : -18
33 : #c082af : -16
35 : #c280b0 : -14
37 : #c47eb1 : -12
39 : #c57cb2 : -10
41 : #c77ab3 : -8
43 : #c978b4 : -6
45 : #cb76b4 : -4
47 : #cd74b5 : -2
49 : #cf72b6 : ±0
51 : #d171b7 : +2
53 : #d36fb8 : +4
55 : #d56db9 : +6
57 : #d66bba : +8
59 : #d869bb : +10
61 : #da67bc : +12
63 : #dc65bc : +14
65 : #de63bd : +16
67 : #e061be : +18
69 : #e260bf : +20
71 : #e45ec0 : +22
73 : #e65cc1 : +24
75 : #e75ac2 : +26
77 : #e958c3 : +28
79 : #eb56c3 : +30
81 : #ed54c4 : +32
83 : #ef52c5 : +34
85 : #f150c6 : +36
87 : #f34fc7 : +38
89 : #f54dc8 : +40
91 : #f74bc9 : +42
93 : #f849ca : +44
95 : #fa47ca : +46
97 : #fc45cb : +48
99 : #fe43cc : +50
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -62
3 : #0b0409 : -60
5 : #130710 : -58
7 : #1b0916 : -56
9 : #220c1c : -54
11 : #2a0e22 : -52
13 : #311129 : -50
15 : #39142f : -48
17 : #411635 : -46
19 : #48193c : -44
21 : #501b42 : -42
23 : #571e48 : -40
25 : #5f214e : -38
27 : #672355 : -36
29 : #6e265b : -34
31 : #762861 : -32
33 : #7d2b67 : -30
35 : #852e6e : -28
37 : #8d3074 : -26
39 : #94337a : -24
41 : #9c3580 : -22
43 : #a33887 : -20
45 : #ab3b8d : -18
47 : #b33d93 : -16
49 : #ba409a : -14
51 : #bf459f : -12
53 : #c24ca3 : -10
55 : #c454a6 : -8
57 : #c75caa : -6
59 : #ca63ae : -4
61 : #cc6bb2 : -2
63 : #cf72b6 : ±0
65 : #d17aba : +2
67 : #d482be : +4
69 : #d789c2 : +6
71 : #d991c6 : +8
73 : #dc98ca : +10
75 : #dea0ce : +12
77 : #e1a8d2 : +14
79 : #e4afd6 : +16
81 : #e6b7da : +18
83 : #e9bede : +20
85 : #ebc6e1 : +22
87 : #eecee5 : +24
89 : #f1d5e9 : +26
91 : #f3dded : +28
93 : #f6e4f1 : +30
95 : #f8ecf5 : +32
97 : #fbf4f9 : +34
99 : #fefbfd : +36
CSS入門、作ってます。
text-shadow